import { FC } from "react"
import { Link } from "react-router-dom"
const List:FC<{}> = () => {
    return(
        <fieldset>
            <legend>列表</legend>
            <ul>
                <li>
                    <Link to='/detail/apple'>苹果</Link>
                </li>
                <li>
                    <Link to='/detail/banana'>香蕉</Link>
                </li>
                <li>
                    <Link to='/detail/orange'>橘子</Link>
                </li>
            </ul>
        </fieldset>
    )
}
export default List